*{
	padding: 0;
	margin: 0;
}
.wrap {
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: linear-gradient(rgba(16,16,16,0.8),rgba(16,16,16,0.8)), url(https://hatsune-miku-yyy-blog-static.oss-cn-chengdu.aliyuncs.com/static/730e0cf3d7ca7bcbc0ac9cdab4096b63f724a874.jpg);
	background-size: cover;
}
.todo-list {
	display: flex;
	flex-direction: column;
	padding: 10px 45px;
	border: transparent;
	background: #162740;
	color: white;
	&__title {
		padding: 3px 6px;
		background-color: #264456;
	}
	&__label {
		display: flex;
		align-items: center;
		font-size: 1.5em;
		margin: 40px 0;
		cursor: pointer;
		input[type="checkbox"] {
			opacity: 0;
			&+.check {
				position: absolute;
				width: 25px;
				height: 25px;
				border: 2px solid white;
				transition: 0.2s;
			}
			&:checked+.check {
				height: 14px;
				width: 30px;
				border-top: transparent;
				border-right: transparent;
				transform: rotate(-45deg);
			}
			&~span {
				position: relative;
				left: 40px;
				white-space: nowrap;
				transition: 0.5s;
				&::before {
					position: absolute;
					bottom: 0;
					content: "";
					width: 100%;
					height: 1px;
					background-color: skyblue;
					transition: 1s;
					transform: scale(0);
					transform-origin: left;
				}
			}
			&:checked~span {
				color: pink;
				&::before {
					transform: scale(1);
				}
			}
		}
	}
}